<template>
  <div>
    <ul class="topic_product">
      <li v-for="v in GetTopicList" :key="v.id">
        <img :src="v.scene_pic_url" alt="" />
        <h4>{{ v.title }}</h4>
        <div class="van-ellipsis">{{ v.subtitle }}</div>
        <span>{{ v.price_info | fil }}</span>
      </li>
    </ul>
    <van-pagination v-model="currentPage" :page-count="2" @change="tiao()" mode="simple"/>
  </div>
</template>

<script>
import { GetTopicList } from "@/request/api";
export default {
  name: "H559Topic",

  components: {},

  directives: {},

  data() {
    return {
      currentPage: 1,
      GetTopicList: "",
    };
  },

  mounted() {},

  methods: {
   tiao(){
     GetTopicList({ page: this.currentPage }).then((res) => {
      this.GetTopicList = res.data.data;
    });
    
   }
  },
  created() {
    GetTopicList({ page: this.currentPage }).then((res) => {
      this.GetTopicList = res.data.data;
    });
    
  },
  filters: {
    fil(v) {
      let string = v.toFixed(2);
      let str = "￥ " + string + "元";
      return str;
    },
  },
};
</script>

<style lang="less" scoped>
</style>